<template>
	<a-result status="warning" :title="message" v-if="!success" />
	<view class="padding notice" v-else>
		<view class="text-xl text-center">
			{{ model.考试名称 }}
		</view>
		<view class="text-lg text-bold  text-center">
			{{ model.考点名称 }}
		</view>
		<view class="text-lg margin-tb">
			{{ model.姓名内容 }}老师：
		</view>
		<table class="main-table">
			<tr>
				<td colspan="2" class="td-title">
					培训安排（培训二选一务必参加）
				</td>
			</tr>
			<tr>
				<td>思明校区</td>
				<td>{{ model.培训时间一 }}</td>
			</tr>
			<tr>
				<td>翔安校区</td>
				<td>{{ model.培训时间二 }}</td>
			</tr>
			<template v-if="model.Level === '4'">
				<tr>
					<td colspan="2" class="td-title">
						英语四级（上午）
					</td>
				</tr>
				<tr>
					<td>领卷时间</td><td>{{ model.四级领卷时间 }}</td>
				</tr>
				<tr>
					<td>领卷地点</td><td>{{ model.四级领卷地点 }}</td>
				</tr>
				<tr>
					<td>考试时间</td><td>{{ model.四级考试时间 }}</td>
				</tr>
				<tr>
					<td>监考地点</td>
					<td>
						{{ model.四级监考校区考场编号 }} <br>
						{{ model.四级监考地点 }}
					</td>
				</tr>
				<tr>
					<td>同场监考</td>
					<td>
						{{ model.四级同场监考姓名手机 }} <br>
						{{ model.四级同场监考部门 }}
					</td>
				</tr>
				<tr>
					<td colspan="2" class="td-title">
						英语六级（下午）
					</td>
				</tr>
				<tr>
					<td colspan="2" style="height: 5em; text-align: center;">
						无须监考
					</td>
				</tr>
			</template>
			<template v-if="model.Level === '6'">
				<tr>
					<td colspan="2" class="td-title">
						英语四级（上午）
					</td>
				</tr>
				<tr>
					<td colspan="2" style="height: 5em; text-align: center;">
						无须监考
					</td>
				</tr>
				<tr>
					<td colspan="2" class="td-title">
						英语六级（下午）
					</td>
				</tr>
				<tr>
					<td>领卷时间</td><td>{{ model.六级领卷时间 }}</td>
				</tr>
				<tr>
					<td>领卷地点</td><td>{{ model.六级领卷地点 }}</td>
				</tr>
				<tr>
					<td>考试时间</td><td>{{ model.六级考试时间 }}</td>
				</tr>
				<tr>
					<td>监考地点</td>
					<td>
						{{ model.六级监考校区考场编号 }} <br>
						{{ model.六级监考地点 }}
					</td>
				</tr>
				<tr>
					<td>同场监考</td>
					<td>
						{{ model.六级同场监考姓名手机 }} <br>
						{{ model.六级同场监考部门 }}
					</td>
				</tr>
			</template>
			<template v-if="model.Level === 'A'">
				<tr>
					<td colspan="2" class="td-title">
						英语四级（上午）
					</td>
				</tr>
				<tr>
					<td>领卷时间</td><td>{{ model.四级领卷时间 }}</td>
				</tr>
				<tr>
					<td>领卷地点</td><td>{{ model.四级领卷地点 }}</td>
				</tr>
				<tr>
					<td>考试时间</td><td>{{ model.四级考试时间 }}</td>
				</tr>
				<tr>
					<td>监考地点</td>
					<td>
						{{ model.四级监考校区考场编号 }} <br>
						{{ model.四级监考地点 }}
					</td>
				</tr>
				<tr>
					<td>同场监考</td>
					<td>
						{{ model.四级同场监考姓名手机 }} <br>
						{{ model.四级同场监考部门 }}
					</td>
				</tr>
				<tr>
					<td colspan="2" class="td-title">
						英语六级（下午）
					</td>
				</tr>
				<tr>
					<td>领卷时间</td><td>{{ model.六级领卷时间 }}</td>
				</tr>
				<tr>
					<td>领卷地点</td><td>{{ model.六级领卷地点 }}</td>
				</tr>
				<tr>
					<td>考试时间</td><td>{{ model.六级考试时间 }}</td>
				</tr>
				<tr>
					<td>监考地点</td>
					<td>
						{{ model.六级监考校区考场编号 }} <br>
						{{ model.六级监考地点 }}
					</td>
				</tr>
				<tr>
					<td>同场监考</td>
					<td>
						{{ model.六级同场监考姓名手机 }} <br>
						{{ model.六级同场监考部门 }}
					</td>
				</tr>
			</template>
		</table>
		<view class="margin-top">
			注意事项：
		</view>
		<view class="margin-top" v-html="model.注意事项" >
		</view>
		<view class="margin-top text-right" style="margin-right: 40rpx;">
			教务处
		</view>
		<view class="text-right">
			{{ model.落款日期 }}
		</view>
	</view>
</template>

<script setup>
	import { ref, computed, reactive } from 'vue';
	import app from '../../app';
	import axios from '@/axios';
	import { onLoad } from '@dcloudio/uni-app'
	const props = defineProps({
		examId: String,
		appId: String,
		preview: String
	});
	
	const model = reactive({
		Level: "4",
		六级同场监考姓名手机: "",
		六级同场监考部门: "",
		六级监考地点: "",
		六级监考校区考场编号: "",
		六级考试时间: "",
		六级领卷地点: "",
		六级领卷时间: "",
		四级同场监考姓名手机: "",
		四级同场监考部门: "",
		四级监考地点: "",
		四级监考校区考场编号: "",
		四级考试时间: "",
		四级领卷地点: "",
		四级领卷时间: "",
		培训时间一: "",
		培训时间二: "",
		姓名内容: "",
		编号内容: "",
		考点名称: "",
		考试名称: "",
		注意事项: "",
		落款日期: ""
	});
	const message = ref("");
	const success = ref(false);
	onLoad(async query => {
		const examId = query.examId;
		const appId = query.appId;
		const preview = query.preview;		
		let msg = await axios.post("/api/infos/GetNoticeInfo", {
			examId,
			appId,
			preview
		});

		success.value = msg.success;
		if (!msg.success) {
			message.value = msg.msg;
		} else {
			Object.assign(model, msg.data);
		}
	});
</script>

<style lang="less">
	.notice {
		.main-table {
			border-collapse: collapse;
			border-spacing: 0px;
			vertical-align: middle;
			width: 100%;
			tr {
				td:first-child {
					width: 30%
				}
			}
			td {
				border: 1px solid #000;
				padding: 10rpx;
			}
		}
		.td-title {
			font-weight: bold;
		}
	}
</style>